<!-- BEGIN LOGIN FORM -->
<form class="login-form" action="/login" method="post">
	<h3 class="form-title">Ingreso</h3>

	<% if flash[:alert] %>
		<div class="alert alert-danger">
			<button class="close" data-close="alert"></button>
			<span><%= flash[:alert] %></span>
		</div>
	<% end %>

	<% if flash[:notice] %>
		<div class="alert alert-success">
			<button class="close" data-close="alert"></button>
			<span><%= flash[:notice] %></span>
		</div>
	<% end %>

	<div class="form-group">
		<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
		<label class="control-label visible-ie8 visible-ie9">Usuario</label>
		<div class="input-icon">
			<i class="fa fa-user"></i>
			<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Usuario" name="username"/>
		</div>
	</div>
	<div class="form-group">
		<label class="control-label visible-ie8 visible-ie9">Clave</label>
		<div class="input-icon">
			<i class="fa fa-lock"></i>
			<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Clave" name="password"/>
		</div>
	</div>

	<input type="hidden" value="<%= form_authenticity_token() %>" name="authenticity_token"/>

	<div class="form-actions">
		<button type="submit" class="btn blue pull-right" id="login-submit-btn">
		<img src="/assets/img/loaderblue.gif" style="display:none;">Entrar <i class="m-icon-swapright m-icon-white"></i>
		</button>
	</div>

	<div class="create-account">
		<p>
			 ¿No tenés cuenta?&nbsp;
			<a href="/registro" id="register-btn">
				 Registrate
			</a>
		</p>
	</div>
</form>
<!-- END LOGIN FORM -->



<% content_for :scripts do %>
	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="/assets/scripts/core/app.js" type="text/javascript"></script>
	<script src="/assets/scripts/custom/login.js" type="text/javascript"></script>
	<!-- END PAGE LEVEL SCRIPTS -->
  <script>
		jQuery(document).ready(function() {
		  App.init();
		  Login.init();
		});
	</script>

<% end %>